.ai-editor {
  // height: calc(100% - 80px);
  height: 100%;
  width: 100%;
  // min-width: 900px;


  .aie-container {
    background-color: #f9f9f9;

    .aie-container-header {
      background-color: #fff;
      border: 1px solid #e0e0e0;
      text-align: center;
    }

    .aie-container-main {
      position: relative;
      height: calc(100% - 80px);
      overflow-y: scroll;

      border: 1px solid #e0e0e0;
      margin: 10px 20% 10px 5%;
      background-color: #fff;

      * {
        font-family: Arial, sans-serif;

        &::selection {
          font-family: auto;
        }
      }




    }

    .aie-container-footer {
      display: none;
    }

    .aie-container-menu {
      position: absolute;
      width: 200px;
      right: 20px;
      top: 55px;
      color: #6f6f6f;
      height: 99%;
      overflow-y: auto;
      transition: all 2s;

      @media (max-width: 1326px) {
        top: 85px;
      }

      // border-left: #8181818a 2px solid;
      &+div {
        height: 100%;
        overflow: hidden;
      }

      .aie-container-menu-title {
        font-weight: 400;
        font-size: 18px;
        margin-bottom: 10px;
        color: #000;
      }

      // .aie-container-menu-item {
      //   cursor: pointer;
      //   font-size: 14px;
      //   font-weight: 600;
      //   border-left: #8181818a 2px solid;
      //   height: 30px;
      //   line-height: 30px;

      //   &:hover {
      //     color: var(--el-color-primary);
      //     border-left-color: var(--el-color-primary);
      //   }

      // }

      :deep(.aie-container-menu-tree) {
        background-color: transparent;

        .el-tree-node__label {
          //内容溢出省略号显示
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;

        }
      }
    }

  }
}

@media screen and (max-width: 1200px) {
  .ai-editor {
    .aie-container {
      .aie-container-main {
        margin: 10px 10%;

      }

      .aie-container-menu {
        display: none;
      }
    }
  }
}